
.ui-panel .ui-content li {
float: left;
}
.ui-body-a .ui-content li a {
color: #fff;
}

.ui-panel .ui-content li a {
position: relative;
display: block;
width: 75px;
height: 31px;
text-align: center;
padding: 75px 16px 0 16px;
text-decoration: none;
font-size: 1.2em;
font-weight: 100;
}
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
ul li {
list-style: none;
}

.ui-panel .ui-content li .sprite {
width: 75px;
height: 75px;
top: 0;
left: 16px;
}

.ui-body-a .sprite {
background-image: url(images/menu1.png);
}

.btn-setting .sprite {
background-position: 0px 0px;
}
.btn-setting:hover .sprite { background-position:0px -71px; }

.btn-map .sprite {
background-position: -75px 0px;
}
.btn-map:hover .sprite { background-position:-75px -72px; }
.btn-menupeople .sprite {
background-position: -150px 0px;
}
.btn-menupeople:hover .sprite { background-position:-150px -73px; }

.btn-friends .sprite {
background-position: -225px 0px;
}
.btn-friends:hover .sprite { background-position:-225px -74px; }
.btn-calendar .sprite {
background-position: -295px 0px;
}
.btn-calendar:hover .sprite { background-position:-295px -71px; }


.sprite {
position: absolute;
display: block;
overflow: hidden;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

.ui-panel .ui-content ul {
width: 300px;
overflow: hidden;
margin: 32px auto 0 auto;
}

.img_photo{
	height: 70px;
	width: 80px;
	margin: 5px 5px 5px;
}
.img_review{
	top:0;
	height:80%;
	width: 98%;
	margin: 5px 5px 5px 5px;
}
.profile{
	width:50px; 
	height:50px;
	margin-top: 10px;
	margin-left: 20px;
}

.writeimgbtn{
	width:8%;
	}
